<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1 ,user-scalable=no">
    <title>蜂鸟</title>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/animation.css" type="text/css" media="all">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script src="js/draggble.min.js"></script>
    <script src="js/teenmax.min.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>
</head>
<body class="home blog cbp-spmenu-push" style="">

<!-- SLIDER -->
<section id="before-after">
    <div class="view view-after" style="width: 674px;">
        <div class="wrapper-after" style="width: 1348px;">
            <div class="img-bird-wrapper et-in-viewport-check et-in-viewport-floating_special" et-anim="floating_special" et-anim-duration="3500" et-anim-delay="0" et-anim-easing="ease" style="animation: floating_special 3500ms ease forwards;">
                <img src="images/bird-code-min.png">
                <div class="tooltip-item tooltip-item-1" data-header-text="pos-item-1"></div>
                <div class="tooltip-item tooltip-item-2" data-header-text="pos-item-2"></div>
                <div class="tooltip-item tooltip-item-3" data-header-text="pos-item-3"></div>
                <div class="tooltip-item tooltip-item-4" data-header-text="pos-item-4"></div>
            </div>
            <div class="shadown-bird et-in-viewport-check et-in-viewport-pulse_special" et-anim="pulse_special" et-anim-duration="3500" et-anim-delay="0" et-anim-easing="ease" style="animation: pulse_special 3500ms ease forwards;"></div>
            <div class="content-before-after right-position">
                <div class="content-right">
                    <h3>The combination of great design and diligent app development.</h3>
                    <p class="text-center"><a href="https://www.enginethemes.com/themes/" class="btn-sumary btn-sumary-big btn-header" title="View Themes">VIEW THEMES<i class="fa fa-chevron-right"></i></a></p>
                </div>
                <div class="content-left">
                    <ul>
                        <li class="pos-item-1 active">
                            <div class="content-detail-wrapper">
                                <div class="img-position"><img src="images/head-dot.png"></div>
                                <h3>We make sleek and modern designs for your business.</h3>
                            </div>
                        </li>
                        <li class="pos-item-2">
                            <div class="content-detail-wrapper">
                                <div class="img-position"><img src="images/head-dot.png"></div>
                                <h3>Our creations embrace <br>the simplicity to look extraordinary.</h3>
                            </div>
                        </li>
                        <li class="pos-item-3">
                            <div class="content-detail-wrapper">
                                <div class="img-position"><img src="images/head-dot.png"></div>
                                <h3>Platforms are built from a solid engine &amp; best experiments.</h3>
                            </div>
                        </li>
                        <li class="pos-item-4">
                            <div class="content-detail-wrapper">
                                <div class="img-position"><img src="images/head-dot.png"></div>
                                <h3>EngineThemes are easy to setup and customize to match your needs.</h3>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="view view-before">
        <div class="wrapper-before">
            <div class="img-bird-wrapper et-in-viewport-check et-in-viewport-floating_special" et-anim="floating_special" et-anim-duration="3500" et-anim-delay="0" et-anim-easing="ease" style="animation: floating_special 3500ms ease forwards;">
                <img src="images/bird-standard-min.png">
                <div class="tooltip-item tooltip-item-1" data-header-text="pos-item-1"></div>
                <div class="tooltip-item tooltip-item-2" data-header-text="pos-item-2"></div>
                <div class="tooltip-item tooltip-item-3" data-header-text="pos-item-3"></div>
                <div class="tooltip-item tooltip-item-4" data-header-text="pos-item-4"></div>
            </div>
            <div class="shadown-bird et-in-viewport-check et-in-viewport-pulse_special" et-anim="pulse_special" et-anim-duration="3500" et-anim-delay="0" et-anim-easing="ease" style="animation: pulse_special 3500ms ease forwards;"></div>
            <div class="content-before-after left-position">
                <div class="content-right">
                    <h3>The combination of great design and diligent app development.</h3>
                    <p class="text-center"><a href="https://www.enginethemes.com/themes/" class="btn-sumary btn-sumary-big btn-header" title="View Themes">VIEW THEMES<i class="fa fa-chevron-right"></i></a></p>
                </div>
                <div class="content-left">
                    <ul>
                        <li class="pos-item-1 active">
                            <div class="content-detail-wrapper">
                                <div class="img-position"><img src="images/head-dot.png"></div>
                                <h3>We make <span class="color-main">sleek and modern</span> designs for your business.</h3>
                            </div>
                        </li>
                        <li class="pos-item-2">
                            <div class="content-detail-wrapper">
                                <div class="img-position"><img src="images/head-dot.png"></div>
                                <h3>Our creations embrace <br>the <span class="color-main">simplicity</span> to look extraordinary.</h3>
                            </div>
                        </li>
                        <li class="pos-item-3">
                            <div class="content-detail-wrapper">
                                <div class="img-position"><img src="images/head-dot.png"></div>
                                <h3>Platforms are built from a <span class="color-main">solid engine</span> &amp; best experiments.</h3>
                            </div>
                        </li>
                        <li class="pos-item-4">
                            <div class="content-detail-wrapper">
                                <div class="img-position"><img src="images/head-dot.png"></div>
                                <h3>EngineThemes are <span class="color-main">easy to setup</span> and customize to match your needs.</h3>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="dragme" style="transform: translate3d(0px, 0px, 0px); cursor: move; user-select: none; touch-action: none; left: 674px; z-index: 1014;">
        <span class="icon-drag"></span>
    </div>
</section>
<!-- END / SLIDER -->
</body>
</html>